@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Overpass:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
body {
    margin: 0;
    padding: 0;
    font-family: 'Roboto', sans-serif;
    background: #14161b;
}

html{
  font-size: 62.5%;
}

/* now 1rem = 10px */

/* .navigation-bar{
  position: fixed;
  display: flex;
  justify-content: flex-end;
  width: 100%;
  align-items: center;
  padding: 10px 60px;
  background: transparent;
  transition: all 300ms ease-in;
  height: 100px;
  z-index: 10;
}
.logo{
  height: 50px;
  filter: brightness(0) invert(500);
  transition: all 300ms ease-in;
}

.nav_list{
    display: flex;
    margin: 0;
    padding: 0;
    
}
.nav_items{
    list-style: none;
    margin-right: 50px;
    font-weight: 500;
    font-size: 18px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    letter-spacing: 1px;
    position: relative;
}

.nav_items a{
    text-decoration: none;
    color: #f6a821;
}
.contact-btn{
    background: #f6a821;
    border: none;
    box-shadow: none;
    color: white;
    border-radius: 50px;
    padding: 5px 10px;
    font-weight: 500;
    font-size: 15px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    letter-spacing: 1px;
    transition: 200ms ease-in;
} */
.custom-modal-content1{
  background: linear-gradient(162deg, rgba(2,0,36,0.5) 0%, rgba(9,9,121,0.5) 50%, rgba(0,212,255,0.3) 100%);
  color: white;
  border-radius: 20px;
  border: none;
  backdrop-filter: blur(50px);
}
.custom-m-back{
  
  background: rgba( 1, 0, 1, 0.7);
}
.custom-modal-title{
  text-align: center;
  color: #ec9704;
  font-size: 2.4rem;
  font-family: 'Montserrat', sans-serif;
}
.custom-modal-header{
  position: relative;
  display: block;
  padding: 2rem 0;
}
.custom-btn-close{
  position: absolute;
  top: 15px;
  right: 15px;
  background: none;
  border: none;
  color: white;
  filter: opacity(0.5);
}
.custom-modal-body{
  padding: 2rem 5rem 3rem;
  font-size: 1.5rem;
  font-family: 'Montserrat', sans-serif;
}
.custom-modal-content{
  overflow: auto;
  text-align: justify;
}
.custom-acc-btn,
.custom-dec-btn{
  font-size: 15px;
  padding: 5px 30px;
  border-radius: 200px;
  border: none;
  color: white;
  background: none;
}
.custom-acc-btn{
  background-image: linear-gradient(to right, #FF512F 0%, #F09819 91%);
  padding: 8px 33px;
  margin-right: 10px;
}
.custom-dec-btn{
  border: 3px solid #ec9704;
}

.cookienotice{
  display: none;
  position: fixed; 
  left: 1rem;
  bottom: 1rem; 
  backdrop-filter: blur(20px);
  background: linear-gradient(162deg, rgba(2,0,36,0.5) 0%, rgba(9,9,121,0.5) 50%, rgba(0,212,255,0.3) 100%);
  z-index: 100;
  padding: 2rem;
  width: 35rem;
  height: 40rem;
  border-radius: 10px;
  font-family: 'Montserrat', sans-serif;
  color: rgb(231, 231, 231);
}
.closeIcon{
  position: absolute;
  right: 2rem;
  top: 2rem;
}
.title-wrap{
  padding-top: 10px;
}
.cookienotice .title-wrap h1{
  font-weight: 800;
  font-size: 26px;
  letter-spacing: 1.5px;
  text-align: center;
}
.content-wrap{
  padding-top: 10px;
}
.content-wrap p{
  font-size: 12px;
  text-align: justify;
}
.content-wrap a{
  color: #fca40d;
  filter: contrast(1.7);
}
.btn-wrap{
  display: flex;
  justify-content: center;
  padding-top: 10px;
}
.btn-wrap button{
  font-size: 15px;
  font-weight: 600;
  background: none;
  padding: 8px 50px;
  border: 5px solid #ec9704;
  border-radius: 100px;
  outline: none;
}

.btn-wrap button:hover{
  border: none;
  padding: 13px 55px;
  background-image: linear-gradient(to right, #FF512F 0%, #F09819 91%);
}
.btn-wrap button:focus{
  border: none;
  padding: 13px 55px;
  background-image: linear-gradient(to right, #FF512F 0%, #F09819 91%);
}
  

.navigation_bar{
  transition: all 300ms ease-in;
  background: linear-gradient(180deg,rgba(0,0,0,.95),transparent);
}
.navigation_bar.mystyle{
  background: rgba(0,0,0,.95);
}

.brand-logo{
  margin-left: 7rem;
}
.logo{
  height: 7.4rem;
  transition: all 300ms ease-in;
}

.mobile-tablet-toggle_btn{
  position: absolute;
  top: 2rem;
  right: 2rem;
  display: none;
  flex-direction: column;
  justify-content: space-between;
  width: 30px;
  height: 21px;
}
.mobile-tablet-toggle_btn .bar{
  height: 3px;
  width: 100%;
  background-color: white;
  border-radius: 20px;
}


/* @media (max-width:900px){
  .nav-list-warp{
    display: none;
    width: 100%;
  }
  .mobile-tablet-toggle_btn{
    display: flex;
  }
  .navigation_bar{
    flex-direction: column;
    align-items: flex-start;
  }
  .nav-list{
    width: 100%;
    flex-direction: column;
  }
  .nav-item{
    text-align: center;
  }
  .nav-list-warp.active{
    display: flex;
    transition: 300ms all ease-in;
  }
  .brand-logo{
    margin-left: 3rem;
  }
  .logo{
    height: 6rem;
  }
  html{
    font-size: 45%;
  }
} */
.nav-list {
  background: transparent;
  transition: all 300ms ease-in;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 0;
  padding: 1rem 0;
}
.dropdown-toggle::after {
  display: none !important;
}

.dropdown-menu {
  background-color: rgba(1,0,1,.95);
  padding: 2rem 3rem !important;
  border-radius: 20px;
}
.dropdown-menu a:hover{
  background-color: rgba(255, 255, 255, 0.2) !important;
  border-radius: 5px;
  color: #F09819;
}
.nav-item a:hover,
.nav-item a:focus{
  color: #f3730a;
}
.nav-item a:active{
  color: #f3730a;
}
.fa-caret-down{
  transition: all 300ms ease-in;
}
.fa-caret-down.rotate{
  transform: rotate(180deg);
}
.nav-item {
  list-style: none;
  margin-right: 4rem;
  position: relative;
}
.nav-item-drop{
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin: 0;
  padding: 2rem 2rem 2rem 2rem;
  list-style: none;
  color: white;
  border-radius: 2rem;
  position: absolute;
  background-color: rgba( 1, 0, 1, 0.7);
  width: 20rem;
  font-size: 2rem;
  visibility: hidden;
}
.nav-item-drop li:hover{
  background-color: rgba( 255, 255, 255, 0.1);
  border-radius: .5rem;
}
.nav-itemhover:hover .nav-item-drop{
  visibility: visible;
}
.nav-item a {
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: .1rem;
  text-decoration: none;
  color: #F09819;
  transition: all 200ms ease-in;
}

.btn-contact{
  font-size: 2rem;
  padding: .8rem 1.8rem;
  background-image: linear-gradient(to right, #FF512F 0%, #F09819  91%);
  color: whitesmoke;
  border-radius: 10rem;
  border: none;
  transition: all 200ms ease-in;
}

/* new homepage \/ \/ */

.homepage_inview{
  height: 110vh;
  width: 100%;
  position: relative;
  overflow: hidden;
  background-image: url(../images/rm373batch2-04.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
}
.hompage_inview-vid{
  width: 100%;
}
.homepage_inview::before{
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
}
.homepage_inview-intro{
  position: absolute;
  color: whitesmoke;
  z-index: 1;
  width: 70vw;
  left: 50%;
  top: 47%;
  transform: translate(-50%,-50%);
  text-transform: uppercase;
  text-align: center;
  font-family: 'Montserrat', sans-serif;
}
.homepage_inview-intro h1{
  font-size: 4vw;
  font-weight: 400;
}
.homepage_inview-intro button{
  text-transform: uppercase;
  color: #f3880d;
  font-size: 18px;
  font-weight: 600;
  padding: 10px 20px;
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur( 10px );
  -webkit-backdrop-filter: blur( 10px );
  border-radius: 100px;
  border: 1px solid rgba( 255, 255, 255, 0.18 );
}
.newschedule-btn{
  padding-top: 30px;
}
.next-ti_inview{
  height: 30vh;
  position: relative;
  font-family: 'Montserrat', sans-serif;
}
.homepage-counter{
  height: 20rem;
  width: 105rem;
  background: rgba(255, 255, 255, 0.1);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%,rgba(1,4,10, 0) 90%);
  backdrop-filter: blur( 4.5px );
  -webkit-backdrop-filter: blur( 4.5px );
  border-radius: 20px;
  position: absolute;
  top: -5vh;
  left: 50%;
  transform: translateX(-50%);
}
.figures-for_companies{
  display: flex;
  justify-content: center;
  padding-top: 3rem;
  color: rgb(218, 218, 218);
}
.first_figu{
  margin-right: 15rem;
}
.second_figu{
  margin-right: 15rem;
}
.third_figu{

}
.sub_figs{
  text-align: center;
  height: fit-content;
  width: 20rem;
  font-family: 'Montserrat', sans-serif;
  filter: contrast(1.75);
  background: -webkit-linear-gradient(to left, #4DA0B0, #D39D38);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to left, #4DA0B0, #D39D38); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.sub_figs i{
  font-size: 3.4rem;
}
.sub_figs h1{
  font-weight: 800;
  font-size: 3.4rem;
  letter-spacing: 2px;
  padding-top: 1rem;
}
.sub_figs p{
  font-weight: bold;
  font-size: 1.3rem;
}

.homepage-counter-formobile{
  display: none;
}

/* @media (max-width:804px){
  .homepage_inview{
    background-size: cover;
    background-position: -20rem;
  }
  .homepage-counter{
    height: 20rem;
    width: 90rem;
  }
  .figures-for_companies{
    display: flex;
    justify-content: center;
    padding-top: 3rem;
    color: rgb(218, 218, 218);
  }
  .first_figu{
    margin-right: 10rem;
  }
  .second_figu{
    margin-right: 10rem;
  }
} */

/* for mobile phones \/ \/ */

/* for mobile phones /\ /\ */



/* .homepage-counter::before{
  position: absolute;
  content: '';
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-color: red;
  border: 3px solid rgba( 255, 255, 255, 0.18);
} */
.company-profiles{
  color: whitesmoke;
  width: 100%;
  height: 100%;
  padding-top: 28rem;
}
.company-profiles h3{
  text-align: center;
  font-size: 3rem;
}
.company-profiles p{
  text-align: center;
  color: rgb(214, 214, 214);
  font-size: 1.5rem;
}
.company-logos{
  text-align: center;
  padding-top: 5rem;
}
.company-logos-1{

}
.company-logos-1 button{
  color: white;
  margin-right: 1rem;
  padding: 1.5rem 3rem;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur( 4.5px );
  -webkit-backdrop-filter: blur( 4.5px );
  border-radius: 100px;
  border:none;
  font-size: 1.5rem;
}
.company-logos-2{
  padding-top: 2rem;
}
.company-logos-2 button{
  color: white;
  margin-right: 1rem;
  padding: 1.5rem 3rem;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur( 4.5px );
  -webkit-backdrop-filter: blur( 4.5px );
  border-radius: 100px;
  border:none;
  font-size: 1.5rem;
}
.view-in-company{
  text-align: center;
  background: transparent;
  color: whitesmoke;
  border: 1px solid whitesmoke;
  border-radius: 5px;
  padding: 1.5rem 2.5rem;
  font-size: 1.2rem;
  margin-top: 4rem;
}
.product-overview-homepage{
  height: 100vh;
  font-family: 'Montserrat', sans-serif;
  color: whitesmoke;
  border: 2px solid white;
}
.product-overview-homepage_wrap{
  display: flex;
}
.product-ti-des1{
  width: 50vw;
  border: 2px solid yellow;
}
.product-ti-img-vid{
  width: 100%;
  height: 70%;
  padding-top: 40px;
  padding-left: 60px;
}
.product-ti-actimg{
  height: 500px;
}
.product-ti-img-vid-des{
  width: 100%;
  height: 30%;
  padding: 50px;
}
.product-ti-des2{
  width: 50vw;
  border: 2px solid orangered;
}
.product-ti-head{
  width: 100%;
  height: 25%;
  padding-top: 20px;
}
.product-ti-head h1{
  color: whitesmoke;
  font-size: 6vw;
  font-weight: 800;
}
.product-ti-secimg-vid{
  width: 100%;
  height: 75%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.secimg-frame{
  background-color: rgba( 255, 255, 255, 0.1);
  width: 600px;
  height: 400px;
  position: relative;
  border-radius: 20px;
}
.secimg-frame a{
  position: absolute;
  padding: 10px 20px;
  background: #eb7d00;
  color: white;
  text-decoration: none;
  border-radius: 10px;
  bottom: -20px;
  right: 50px;
}

/* chnage height on 8 sept by rajat beacuse client is not showing properly */
.lastofHomepage{
  /* height: 155vh; */
  padding-top: 10rem;
  font-family: 'Montserrat', sans-serif;
}
.fullspanbox-wrap{
  display: flex;
  justify-content: center;
  padding-bottom: 5rem;
}
.fullspan-box{
  height: 40rem;
  width: 90rem;
  border-radius: 30px;
  background: #C02425;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to left, #F0CB35, #C02425);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to left, #F0CB35, #C02425); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 13rem;
}

.fullspan-box::before{
  content: '';
  position: absolute;
  height: 40rem;
  width: 90rem;
  border-radius: 30px;
  filter: opacity(0.5);
  background: #C02425;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to left, #F0CB35, #C02425);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to left, #F0CB35, #C02425); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  z-index: -1;
  transform: scale(0.9) translateY(4.5rem);
}
.fullspan-box::after{
  content: '';
  position: absolute;
  height: 40rem;
  width: 90rem;
  border-radius: 30px;
  background: #C02425;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to left, #F0CB35, #C02425);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to left, #F0CB35, #C02425); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  z-index: -2;
  filter: opacity(0.2);
  transform: scale(0.8) translateY(10rem);
}
.content-of-fullspan{
  text-align: center;
}
.content-of-fullspan h2{
  font-size: 2.1rem;
  color: whitesmoke;
  text-align: center;
  line-height: 3rem;
  font-weight: 700;
}
.content-of-fullspan p{
  color: whitesmoke;
  font-size: 1.5rem;
  line-height: 3rem;
}
.content-of-fullspan button{
  color: whitesmoke;
  padding: 1.5rem 3rem;
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur( 4.5px );
  -webkit-backdrop-filter: blur( 4.5px );
  border: 1px solid rgba( 255, 255, 255, 0.3);
  border-radius: 10px;
  font-size: 1.5rem;
}
.alternate_features{
  padding-top: 7rem;
  color: rgb(221, 221, 221);
}
.alternate_features h1{
  background: linear-gradient(263deg, rgba(255,124,42,1) 20%, rgba(255,255,255,1) 70%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  font-size: 7.4rem;
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 400;
  line-height: 10rem;
  text-align: center;
  padding: 0 20rem;
}
.alternate_features h3{
  font-size: 2rem;
  text-align: center;
  padding: 0 20rem;
}
.alternate_features-boxes{
  padding: 3.5rem 0;
}
.alt-fe_box{
  width: 30rem;
  height: 28rem;
  background-color: #1b1a1b;
  border-radius: 20px;
  position: relative;
}
.alt-fe_box::before{
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  transform: scale(0.7) translateY(70px);
  border-radius: 10px;
  background: #C02425;
  background: -webkit-linear-gradient(to left, #F0CB35, #C02425);
  background: linear-gradient(to left, #F0CB35, #C02425);
}
.alt-fe_box1,
.alt-fe_box2{
  margin-right: 10rem;
}
.alt-fe_box1,
.alt-fe_box3{
  transform: translateY(10rem);
  background: #C02425;
  background: -webkit-linear-gradient(to left, #F0CB35, #C02425);
  background: linear-gradient(to left, #F0CB35, #C02425);
}
.alt-fe_box1::before,
.alt-fe_box3::before{
  transform: scale(0.96) translateY(0rem);
  background: #1b1a1b;
  border-radius: 20px;
}

.all_product-overview{
  /* height: 190vh; */
  font-family: 'Barlow Condensed', sans-serif;
}
.all_pro-head-wrap{
  display: flex;
  justify-content: center;
}
.all-products_heading{
  text-align: center;
  color: whitesmoke;
  
}
.all-products_heading h2{
  font-size: 7rem;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.746rem;
  background: linear-gradient(263deg, rgba(255,124,42,0.6867121848739496) 0%, rgba(255,255,255,1) 89%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.all-products_heading p{
  font-size: 3rem;
  text-transform: uppercase;
  letter-spacing: .4rem;
  color: rgb(209, 209, 209);
}
.orange_line-divider{
  display: block;
  margin: 2rem auto 2.2rem;
  background: #f6a821;
  height: 3px;
  width: 8.6rem;
  border-radius: 50%;
}
.product_act_over-view{
  padding-top: 10rem;
}

.product1_act_overview{
  display: flex;
}
.product1_act_overview-des1{
  width: 50vw;
  height: 40vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 15rem;
}
.product1_act_overview-des1 h1{
  color: whitesmoke;
  text-transform: uppercase;
  font-size: 5.8rem;
  letter-spacing: .5rem;
  background: linear-gradient(180deg, rgba(255,124,42,0.927608543417367) 25%, rgba(255,255,255,1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.product1_act_overview-des1 .superscript_product1-overview{
  background: linear-gradient(180deg, rgba(255,124,42,0.927608543417367) 25%, rgba(255,255,255,1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.product1_act_overview-des1 p{
  font-size: 1.8rem;
  color: rgb(209, 209, 209);
  padding: 2rem 15rem 2rem 1rem;
  font-family: 'Montserrat', sans-serif;
}
.product1_act_overview-des2{
  width: 50vw;
  height: 60vh;
  position: relative;
}
.product1_act_overview-des2 img{
  height: 50rem;
  transform: translateX(-7%);
}
.little-features{
  display: flex;
  width: fit-content;
  position: relative;
}
.little-features-box{
  width: 13rem;
  height: 14rem;
  border-radius: 1rem;
  position: relative;
  overflow: hidden;
  padding: 2rem 0 0 2.5rem;
}
.little-features-box img{
  height: 5rem;
  filter: contrast(2);
}
.little-features-box p{
  font-size: 1.5rem !important;
  margin-top: .5rem;
  padding: 0 !important;
}
.little-features-box::after{
  content: '';
  position: absolute;
  top: -5rem;
  left: -5rem;
  width: 10rem;
  height: 10rem;
  background: linear-gradient(to right, #14a7a7, #ee690a);
  filter: blur(35px);
}
.little-features-box1,
.little-features-box2{
  margin-right: 2rem;
}

.little-features-box3{
  position: relative;
}
.little-features button{
  font-family: 'Montserrat', sans-serif;
  font-size: 1.5rem;
  padding: .5rem 1rem;
  border-radius: 5px;
  background-color: #f38200;
  border: none;
  color: whitesmoke;
  position: absolute;
  bottom: -1.5rem;
  right: -2rem;
}


.product2_act_overview{
  display: flex;
  padding-top: 10rem;
}
.product2_act_overview-des1{
  width: 50vw;
  height: 60vh;
}
.product2_act_overview-des1 img{
  height: 50rem;
  transform: translateX(5%);
}
.product2_act_overview-des2{
  width: 50vw;
  height: 60vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 15rem;
}
.product2_act_overview-des2 h1{
  color: whitesmoke;
  text-transform: uppercase;
  font-size: 5.8rem;
  letter-spacing: .5rem;
  background: linear-gradient(180deg, rgba(255,124,42,0.927608543417367) 25%, rgba(255,255,255,1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.product2_act_overview-des2 .superscript_product2-overview{
  background: linear-gradient(180deg, rgba(255,124,42,0.927608543417367) 25%, rgba(255,255,255,1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.product2_act_overview-des2 p{
  font-size: 1.8rem;
  color: rgb(209, 209, 209);
  padding: 2rem 15rem 2rem 1rem;
  font-family: 'Montserrat', sans-serif;
}


/* new homepage /\ /\ */

.intro_back{
  position: absolute;
  z-index: -1;
  height: 90vh;
  width: 90%;
  background-color: #2b2e38;
  border-bottom-right-radius: 1500% 2000%;
  border-bottom-left-radius: 500% 2000%;
}

.introbackground{
  height: 150vh;
  width: 100%;
}

.slider {
  background: transparent;
  height: 20rem;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.slider::before, .slider::after {
  background: linear-gradient(to right, rgb(1, 4, 10) 0%, rgba(1, 4, 10, 0) 100%);
  content: "";
  height: 15rem;
  position: absolute;
  width: 20rem;
  z-index: 2;
}
.slider::after {
  right: 0;
  top: 0;
  transform: rotateZ(180deg);
}
.slider::before {
  left: 0;
  top: 0;
}
.slider .slide-track {
  -webkit-animation: scroll 40s linear infinite;
          animation: scroll 40s linear infinite;
  display: flex;
  align-items: center;
  gap: 20px;
}
.slider .slide {
  height: 15rem;
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.slider-grid{
  display: flex;
  justify-content: space-evenly;
  /* justify-content: center; */
  align-items: center;
}

.slider-grid-partner{
  display: flex;
  justify-content: space-evenly;
  /* justify-content: center; */
  align-items: center;
  margin-bottom: 2rem;
}


@-webkit-keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-250px * 13.3));
  }
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-250px * 13.3));
  }
}

.intro_container{
  position: absolute;
  width: 500px;
  z-index: 1;
  bottom: 130px;
  left: 220px;
}
.intro__header{
  color: #fff;
  font-family: 'Overpass',Helvetica,Arial,Lucida,sans-serif;
  font-weight: 900;
  font-size: 84px;
  line-height: 1.0em;
  
}

.intro__subheader{
  margin-top: 40px;
  font-family: 'Overpass',Helvetica,Arial,Lucida,sans-serif;
  font-weight: 400;
  color: #fff;
}
.schedule-btn{
  margin-top: 30px;
  color: white;
  overflow: hidden;
  border-radius: 100px;
  border: none;
  background-image: linear-gradient(90deg, rgba(255,161,28,1) 0%, rgba(255,55,55,1) 72%, rgba(255,123,123,1) 100%);
  position: relative;
  display: block;
  transition: all 200ms ease-in;
}
.schedule-btn span{
  background: #2b2e38;
  padding: 10px 15px;
  margin: 5px 1px;
  border-radius: 100px;
  display: block;
}
.schedule-btn:hover {
  animation: play 1.6s ease-in infinite;
  -webkit-animation: play 1.6s ease-in infinite;
}

@keyframes play {
  0% {
      background-position: 0px;
  }
  20% {
      background-position: -110px;
  }
  35% {
      background-position: -180px;
  }
  50% {
      background-position: -210px;
  }
  80% {
      background-position: -350px;
  }
  100% {
      background-position: -390px;
  }
}
@-webkit-keyframes play {
  0% {
      background-position: 0px;
  }
  20% {
      background-position: -110px;
  }
  35% {
      background-position: -180px;
  }
  50% {
      background-position: -210px;
  }
  80% {
      background-position: -350px;
  }
  100% {
      background-position: -390px;
  }
}

.cyberlines{
  position: absolute;
  z-index: -1;
  opacity: 0.2;   
}

.service-cards{
  height: 200px;
  width: 100%;
  background-color: rgb(255, 255, 255);
}
.boxes{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8%;
  margin-right: 12%;
}
.box{
  height: 200px;
  width: 200px;
  text-align: center;
}
.box4{
  transform: translateY(-350px);
}
.box3{
  transform: translateY(-220.6px);
}
.box2{
  transform: translateY(-120.3px);
}
.box1{
  transform: translateY(-20px);
}

.main_picture{
  height: 550px;
  position: absolute;
  right: 70px;
  bottom: 70px;
}
.service-head{
  margin-top: 20px;
  font-family: 'Overpass',Helvetica,Arial,Lucida,sans-serif;
  font-weight: bold;
}
.box p{
  font-size: 14px;
  font-family: 'Overpass',Helvetica,Arial,Lucida,sans-serif;
}

.product-sec_cards{
  height: 210vh;
  background-color: rgb(255, 255, 255);
  z-index: -2;
  position: relative;
}
.product_backg{
  width: 100%;
  position: absolute;
  top: 135%;
  z-index: 0;
}
.intro_procards{
  position: absolute;
  z-index: 1;
  width: 50%;
  right: 40px;
  color: white;
}
.procards_sub{
  text-align: center;
  font-family: 'Overpass',Helvetica,Arial,Lucida,sans-serif;
}
.procards_head{
  text-align: center;
  font-family: 'Overpass',Helvetica,Arial,Lucida,sans-serif;
  font-weight: bold;
  font-size: 500%;
}
.actual_products{
  height: 60vh;
  width: 100%;
  z-index: 1;
  margin-top: 18%;
}
.actual2_products{
  height: 60vh;
  width: 100%;
  z-index: 1;
  margin-top: 54%;
}
.actual_product-vid-img{
  height: 60vh;
  width: 50%;
  border-radius: 20px;
  /* background-color: grey; */
}
.actual_product-des{
  text-align: center;
  width: 40%;
  color: white;
  font-family: 'Overpass',Helvetica,Arial,Lucida,sans-serif;
}
.flex-part1{
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.actual2_product-vid-img{
  height: 60vh;
  width: 50%;
  border-radius: 20px;
  background-color: grey;
}
.actual2_product-des{
  text-align: center;
  width: 40%;
  color: white;
  font-family: 'Overpass',Helvetica,Arial,Lucida,sans-serif;
}
.actual2_product-des a,
.actual_product-des a{
  text-decoration: none;
  color: whitesmoke;
  background: radial-gradient(circle, rgba(255,168,43,1) 0%, rgba(255,81,47,1) 100%);
  padding: 10px 20px;
  border-radius: 100px;
}

.flex-part2{
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.services_head{
  position: absolute;
  bottom: 2%;
  right: 5%;
  text-align: center;
  font-family: 'Overpass',Helvetica,Arial,Lucida,sans-serif;
}
.services_head h1{
  font-size: 380%;
  color: #f79f09;
}

.service-sec_cards{
  height: 60vh;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  background-color: white;
}
.all_service{
  width: 20%;
  height: 80%;
  background-color: whitesmoke;
  border-radius: 20px;
  box-shadow: -35px 22px 71px -31px rgba(0,0,0,0.76);
}

.comp_overview{
  height: 100vh;
  background-color: white;
  padding: 150px 0 0 0;
}
.overview_head{
  font-size: 300%;
  font-weight: bolder;
  font-family: 'Overpass',Helvetica,Arial,Lucida,sans-serif;
  text-align: center;
  text-transform: uppercase;
}
.overview_des{
  height: 15%;
  padding: 0 300px;
  display: grid;
  align-items: center;
  text-align: center;
}

.before_footer{
  height: 100vh;
  background-color: white;
  padding: 100px 0 0 0;
  position: relative;
}
.meet_contact{
  position: absolute;
  width: 70%;
  height: 60%;
  left: 50%;
  top: 55%;
  transform: translate(-50%,-50%);
  background-color: whitesmoke;
  border-radius: 20px;
  box-shadow: -35px 22px 71px -31px rgba(0,0,0,0.76);
  padding: 50px;
  font-family: 'Overpass',Helvetica,Arial,Lucida,sans-serif;
}
.meet_contact-head{
  text-align: center;
  font-weight: bold;
  font-size: 300%;
}
.meet_contact-sub{
  text-align: justify;
  padding-top: 10px;
  font-weight: 500;
  font-size: 100%;
}


.btn-grad {
  background-image: linear-gradient(to right, #FF512F 0%, #F09819  51%, #FF512F  100%);
}
.btn-grad {
  position: absolute;
  left: 50%;
  top: 85%;
  transform: translate(-50%,-50%);
   margin: 10px;
   padding: 15px 45px;
   text-align: center;
   text-transform: uppercase;
   transition: 0.5s;
   background-size: 200% auto;
   color: white;            
   box-shadow: 0 0 20px #eee;
   border-radius: 10px;
   display: block;
   border: none;
 }

 .btn-grad:hover {
   background-position: right center; /* change the direction of the change here */
   color: #fff;
   text-decoration: none;
 }

 .footer{
   height: 61vh;
   position: relative;
   color: white;
   font-family: 'Overpass',Helvetica,Arial,Lucida,sans-serif;
   background-image: linear-gradient(22deg, rgba(0,0,0,0.95) 20%, rgba(0,0,0,0.7) 83%),url(../images/2980199.jpg) !important;
   background-size: cover;
   background-position: right;   
   background-repeat: no-repeat;
 }

.foot-head{
  font-size: xx-large;
  padding: 3rem 0 0 5rem;
}
 .all_right{
   width: 100%;
   background-color: black;
   height: 5rem;
   bottom: 0;
   position: absolute;
   color: white;
   font-family: 'Overpass',Helvetica,Arial,Lucida,sans-serif;
 }

 .right-text{
   font-size: 1.5rem;
   text-align: center;
   margin-top: 1.5rem;
 }

.footer_flex-item1{
  width: 25%;
  color: #F09819;
  display: flex;
  gap: 2rem;
}
.footer_flex-item{
  width: 25%;
  color: #F09819;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.foot_social{
  height: 7rem;
  filter: contrast(1.80);
}
.foot-cont1_head{
  font-weight: bolder;
  font-size: 2rem;
  color: #F09819;
}
.foot-cont1_des{
  font-size: 1.4rem;
  color: rgb(218, 218, 218);
}
.flex_footer{
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.flex_footer-2{
  justify-content: flex-start;
}
.flex_footer-2-item{
  margin-left: 100px;
}
.flex_total-foot{
  margin-top: 5rem;
  display: flex;
  flex-direction: column;
  gap: 5rem;
}



/* product1.html start here \/ \/ */


/* .product_back{
  position: absolute;
  right: 0;
  height: 145vh;
  z-index: -1;
} */

.product1_intro{
  height: 110vh;
  display: grid;
  align-items: center;
  position: relative;
  /* background-image: url(../images/vms.svg);
  backdrop-filter:brightness(0);
  background-repeat: no-repeat;
  background-size: 125vh;
  background-position: 76rem 29rem; */
  overflow: hidden;
}
.vms-illus{
  position: absolute;
  height: 75vh;
  filter: contrast(1.2);
  right: 0;
  bottom: 0;
}
.product1_intro::after{
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  z-index: -2;
  background-image: url(../images/5172658.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  filter: blur(3px) opacity(0.5);
}
.product_head{
  padding: 0 200px;
  font-family: 'Overpass',Helvetica,Arial,Lucida,sans-serif;
}
.product1_intro-headinview{
  padding: 2rem 0 0 0;
  position: absolute;
  height: 50rem;
  width: 70rem;
  left: 7%;
  z-index: 1;
  font-family: 'Montserrat', sans-serif;
}
/* .product1_intro-headinview::before{
  content: '';
  position: absolute;
  width: 80px;
  height: 80px;
  bottom: 0;
  right: -30px;
  border-width: 0 3px 3px 0;
  border-style: solid;
  border-color: rgba( 255, 255, 255, 0.1 );
} */
.product1_intro-head-totalwrap{
  margin-top: 3rem;
}
/* .product2_intro-head h1{
  color: rgb(235, 235, 235);
  font-size: 580%;
  font-weight: 900;
  letter-spacing: 10px;
  border: 1px solid white;
  font-family: 'Montserrat', sans-serif;
  position: relative;
} */
.product1_intro-head{
  color: rgb(221, 221, 221);
  font-size: 9rem;
  font-weight: 900;
  letter-spacing: 1rem;
  font-family: 'Montserrat', sans-serif;
  position: relative;
  width: 67rem;
  background: linear-gradient(-263deg, rgba(255,124,42,0.6867121848739496) 0%, rgb(221, 221, 221) 89%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.superscript1{
  color: rgb(235, 235, 235);
  font-size: 3rem;
  letter-spacing: 1px;
  position: absolute;
  top: .5rem;
  right: 0;
  font-family: 'Montserrat', sans-serif;
  background: linear-gradient(-263deg, rgba(255,124,42,0.6867121848739496) 0%, rgb(219, 219, 219) 89%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.product1_intro-des{
  margin-top: 2rem;
  color: rgb(221, 221, 221);
  font-size: 18px;
  text-align: left;
  width: 56rem;
}
.product1_intro-sendtext{
  position: relative;
  margin-top: 4rem;
}

.takedemo-vmsbtn{
  background-color: rgba( 255, 255, 255, 0.15);
  color: whitesmoke;
  backdrop-filter: blur( 2px );
  -webkit-backdrop-filter: blur( 2px );
  border: none;
  font-size: 18px;
  border-radius: 15px;
  padding: 10px 20px;
  border: 1px solid rgba( 255, 255, 255, 0.5 );
  transition: all 300ms ease-in;
}
.product1_intro-sendtext button:hover{
  color: #eb7d00;
  backdrop-filter: blur( 4px );
  -webkit-backdrop-filter: blur( 5px );
}
.product-features{
  padding-top: 10px;
}

.feature_1{
  padding: 0 5rem;
  height: 60vh;
  display: flex;
  align-items: center;
  justify-content: space-around;
  position: relative;
}
.feature_1-secimg{
  position: absolute;
  left: 50px;
  bottom: -50px;
  height: 50%;
  width: 15%;
  border-radius: 20px;
  background-color: rgb(194, 194, 194);
  
}
.feature_1-img{
  height: 100%;
  width: 40%;
  border-radius: 20px;
  background-image: url(../images/Screenshot\ 2022-01-10\ 093119.png);
  background-color: rgb(219, 219, 219);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.tiltdash{
  height: 42rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50% ,-50%);
}
.tiltdash2{
  height: 42rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50% ,-50%);
}
.data-filter{
  position: absolute;
  height: 60rem;
  transform: translate(-30% ,-15%);
  top: 0;
  left: 0;
}
.vmsworkflow{
  position: absolute;
  left: 50%;
  top: 50%;
  height: 50rem;
  transform: translate(-50%,-50%);
}
.vmsdash-laptop{
  position: absolute;
  left: 50%;
  top: 50%;
  height: 45rem;
  transform: translate(-50%,-50%);
}
.feature_1-des{
  width: 40%;
  font-family: 'Montserrat', sans-serif;
  color: whitesmoke;
}
.feature_1-des li{
  font-size: 1.5rem;
}
.feature_1-des p{
  color: rgb(224, 224, 224);
  font-size: 1.5rem;
  margin-top: 1rem;
}
.f1-des_head{
  font-size: 3.4rem;
  font-weight: 800;
  color: rgb(160, 160, 160);
  text-transform: uppercase;
  margin-bottom: 2rem;
  background: linear-gradient(to right, #A83279, #e68f17);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.f1-des_head .f1-des_head-super{
  background: linear-gradient(to right, #A83279, #e68f17);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.feature_2-secimg{
  position: absolute;
  right: 50px;
  bottom: -50px;
  height: 50%;
  width: 15%;
  border-radius: 20px;
  background-color: rgb(179, 179, 179);
}

.product_foot{
  background-color: transparent;
  margin-top: 150px;
}

.product1_features-starts-here{
  display: flex;
  justify-content: center;
  padding-top: 8rem;
  padding-bottom: 20rem;
}
.product1-feature_gridcontainer{
  height: 50rem;
  width: 90rem;
  display: grid;
  align-items: center;
  justify-content: center;
  grid-template-columns: 42rem 28rem 19rem;
  row-gap: 5rem;
  font-family: 'Montserrat', sans-serif;
}
.feature_gridcontainer-item{
  width: 19rem;
  height: 20rem;
  border-radius: 20px;
  background-color: #272627;
  color: whitesmoke;
}
.feature_gridcontainer-item2,
.feature_gridcontainer-item3,
.feature_gridcontainer-item5,
.feature_gridcontainer-item6{
  text-align: center;
  padding-top: 2rem;
  width: 23rem;
  height: 24rem;
}
.feature_gridcontainer-item2 h5,
.feature_gridcontainer-item3 h5,
.feature_gridcontainer-item5 h5,
.feature_gridcontainer-item6 h5{
  line-height: 5rem;
}
.feature_gridcontainer-item2 p,
.feature_gridcontainer-item3 p,
.feature_gridcontainer-item5 p,
.feature_gridcontainer-item6 p{
  padding: 0 2rem;
  font-size: 1.2rem;
}
.feature_gridcontainer-item img{
  height: 7rem;
  filter: drop-shadow(0rem 1rem 5px rgba(0, 0, 0, 1));
}
.feature_gridcontainer-item1{
  width: 30rem;
  border-radius: 0px;
  padding: 2rem 0 0 1rem;
  color: whitesmoke;
  background-color: transparent;
}
.feature_gridcontainer-item1 h3{
  font-weight: 700;
  font-size: 3.6rem;
}
.feature_gridcontainer-item1 p{
  font-size: 1.4rem;
  margin-top: 3rem;
}
.feature_gridcontainer-item4{
  width: 30rem;
  background-color: transparent;
  border-radius: 0;
  padding: 0 0 0 1rem;
}
.feature_gridcontainer-item4 ul,
.feature_gridcontainer-item4 li{
  margin: 0;
  padding:  0;
  list-style: none;
  color: whitesmoke;
}
.feature_gridcontainer-item4 li{
  margin: 0;
  padding-left:  0;
  list-style: none;
  color: whitesmoke;
  margin-top: 1rem;
  font-size: 1.4rem;
}
.smalldotgrid{
  z-index: -1;
  height: 12rem;
  position: absolute;
  right: -12.8rem;
  bottom: -12rem;
}

/* product1.html end here /\ /\ */



/* aboutus.html start here \/ \/ */

.new-about-us_inview{
  height: 70vh;
  background-image: linear-gradient(180deg,rgba(0,0,0,0.5) 0%,#000000 100%),url(../images/movie-02.jpg)!important;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
  padding: 15rem 0 0 22rem;
}
.new-about-us_inview-head{
  color: whitesmoke;
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
}
.new-about-us_inview-head h1{
  color: whitesmoke;
  font-size: 6vw;
  line-height: 1.2em;
  font-weight: 300;
}
.new-about-us_inview-head p{
  font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
  font-weight: 700;
  font-size: 1.6rem;
  color: rgba(255,255,255,0.5)!important;
  letter-spacing: 0.2rem;
  line-height: 1.4em;
}
.meetus-btn{
  padding-top: 4rem;
}
.meetus-btn a{
  text-decoration: none;
  color: whitesmoke;
  padding: 1rem 2rem;
  background-color: #eb7d00;
  border-radius: 5px;
  font-weight: 520;
  letter-spacing: 2px;
  font-size: 1.5rem;
}
.about-us_inview-intro{
  height: 70vh;
  position: relative;
}
.about-us_inview-intro::before{
  content: '';
  z-index: -1;
  background-color: rgba(255, 255, 255, 0.6);
  position: absolute;
  width: 100%;
  height: 100%;
}
.about-us_inview-intro::after{
  content: '';
  z-index: -2;
  background-image: url(../images/pexels-evie-shaffer-2748756-min-scaled.jpg);
  background-size: cover;
  filter: blur(5px);
  position: absolute;
  width: 100%;
  height: 100%;
}

.about-us_head{
  position: absolute;
  width: 60%;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  text-align: center;
  font-family: 'Overpass',Helvetica,Arial,Lucida,sans-serif;
  background-color: whitesmoke;
  box-shadow: -3.5rem 2.2rem 7.1rem -3.1rem rgba(0,0,0,0.76);
  border-radius: 20px;
  padding: 2rem 5rem;
}

.about-us_head-intro{
  font-weight: 900;
  font-size: 500%;
}
.about-us_head-des{
  margin-top: 2rem;
}
.about-us_head-des1{
  font-size: 2rem;
}
.about-us_head-des2{
  margin-top: 2rem;
  font-size: 1.6rem;
  text-align: justify;
}
.about-us_head-des2-2nd{
  margin-top: 2rem;
  font-size: 1.6rem;
  text-align: justify;
}

.btn-grad_in-aboutus{
  background-image: linear-gradient(to right, #FF512F 0%, #F09819  91%);
  border: none;
  color: white;
  margin-top: 2.5rem;
  border-radius: 7px;
  padding: 1rem 3rem;
  font-size: 1.5rem;
}

.about-us_fullspan-overview{
  height: 100vh;
  background-image: url(../images/abstract-orange-background-layout-design-studio-room-web-template-business-report-with-smooth-circle-gradient-color.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.about-us_fullspan-journey{
  height: 100vh;
  font-family: 'Overpass',Helvetica,Arial,Lucida,sans-serif;
  padding: 10rem 0;
}
.journey-card_head{
  text-align: center;
  font-size: 5.4rem;
  font-weight: 600;
  color: whitesmoke;
}
.journey_all-cards{
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 6rem 0;
}
.journey-card{
  height: 30rem;
  width: 35rem;
  border-radius: 5px;
  box-shadow: -3.5rem 2.2rem 7.1rem -3.1rem rgba(0,0,0,1);
  background-color: #22242c;
  color: whitesmoke;
}
.journey-card1,
.journey-card2{
  margin-right: 7rem;
}

.aboutus_foot{
  background-color: #22242c;
}
.journey_quote{
  height: 10rem;
  text-transform: uppercase;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2rem;
  letter-spacing: .1rem;
}
.journey_quote p{
  text-align: center;
  width: fit-content;
  border-radius: 5px;
  padding: 1.5rem 2rem 1rem 2rem;
  background-color: #F09819;
}

.journey-card-internal_head{
  font-size: 3.6rem;
  font-weight: bold;
  padding: 2rem 4rem;
}
.journey-card-internal_des{
  padding: 0 1rem;
  font-size: 1.5rem;
}

.parent-company{
  height: fit-content;
  padding: 5rem 10rem;
  font-family: 'Overpass',Helvetica,Arial,Lucida,sans-serif;
  background-image: linear-gradient(180deg,rgba(0,0,0,0.2) 0%,#000000 100%),url(../images/Vector_2677.jpg)!important;
  background-position: bottom;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;  
}
.parent-comp-content_wrap{
  color: whitesmoke;
  margin-top: 10rem;
}
.parent-comp-content_wrap h1{
  text-transform: uppercase;
  font-size: 4.4rem;
  font-weight: 350;
  line-height: 8rem;
}
.parent-comp-content_wrap p{
  font-size: 1.8rem;
  text-align: justify;
  font-weight: 200;
}
.parent-comp-content_wrap p strong{
  font-weight: 700;
}

.meetteam-content-wrap{
  color: whitesmoke;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50rem;
}
.mt-cnt-wrap{
  width: 60%;
  box-shadow: -3.5rem 2.2rem 7.1rem -3.1rem rgba(0,0,0,1);
  background-color: rgba( 255, 255, 255, 0.03);
  border-radius: 20px;
  padding: 2rem 5rem;
  backdrop-filter: blur(10px);
  position: absolute;
}
.meetteam-content-wrap h1{
  text-transform: uppercase;
  font-size: 4.4rem;
  font-weight: 500;
  line-height: 8rem;
  text-align: center;
}
.meetteam-content-wrap p{
  font-size: 1.8rem;
  text-align: justify;
  font-weight: 200;
}
.meetteam-content-wrap .center-text{
  font-size: 1.8rem;
  text-align: center;
  font-weight: 700;
}

/* contact us  */


.contact-us_inview{
  height: 140vh;
  position: relative;
}
.contact-us_inview::before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(180deg,rgba(1,4,10,0) 0%,rgba(1,4,10,1) 100%),url(../images/rm314-aew-01.jpg)!important;
  background-repeat: no-repeat;
  background-position: right top;
  filter: blur(2px);
  background-size: cover;
}
.contact-foot{
  background:none;
}
.contact-us_inview-intro{
  width: 100%;
  height: 100%;
}
.contact-us_inview-intro{
  padding-top: 100px;
  display: flex;
}
.contact-us_inputform{
  height: 110vh;
  width: 50vw;
  position: relative;
}
.contact-us_input-wrap{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  border-radius: 20px;
  padding: 2rem 5rem;
  background-color: rgba( 255, 255, 255, 0.1);
  backdrop-filter: blur(5px);
}
.contact-us_logo-and-illus{
  height: 110vh;
  width: 50vw;
  position: relative;
}
.contact-us_li-head{
  position: absolute;
  top: 50%;
  left: 40%;
  transform: translate(-50%,-50%);
  width: 300px;
  color: whitesmoke;
  font-family: 'Montserrat', sans-serif;
}
.contact-usback{
  height: 400px;
  position: absolute;
  z-index: -1;
  top: -20px;
  left: -70px;
}
.contact-usback-ilus{
  height: 400px;
  position: absolute;
  z-index: -1;
  top: 0;
  left: -150px;
}
.contact-usback-ilus2{
  height: 250px;
  position: absolute;
  z-index: -1;
  right: -250px;
  bottom: -80px;
}
.contact-us_li-head h1{
  font-size: 70px;
  font-weight: 800;
  text-align: right;
  text-shadow: -3px 0px 0px rgba(255, 0, 0, 0.75),
                1px -1px 0px rgba( 0, 255, 0, 0.75),
                4px 0px 0px rgba(0, 0, 255, 0.75);
}
.contact-us_li-head .sub-contact-us_li-head{
  width: 300px;
  height: 100px;
}
.contact-us_li-head p{
  font-size: 15px;
  text-shadow: -1px 0px 0px rgba(255, 0, 0, 0.75),
                1px -1px 0px rgba( 0, 255, 0, 0.75),
                1.5px 0px 0px rgba(0, 0, 255, 0.75);
}
.contact-us_inview-head{
  
  position: relative;
}
.cu_inview-text{
  position: absolute;
  top: 60%;
  left: 30%;
  transform: translate(-50%,-50%);
  width: 40%;
  font-family: 'Overpass',Helvetica,Arial,Lucida,sans-serif;
}
.cu_inview-text h1{
  font-size: 400%;
  font-weight: 900;
}
.cu_inview-text p{
  font-size: 18px;
  text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
}
.contact-us_form-cards{
  padding: 65px 0 0 0;
  display: flex;
  justify-content: center;
}
.form-card1{
  height: 800px;
  width: 50%;
  background-color: #2b2e38;
  backdrop-filter: blur(5px);
  margin-right: 50px;
  border-radius: 20px;
  box-shadow: -35px 22px 71px -31px rgba(0,0,0,0.76);
  padding: 70px 90px;
  position: relative;
}
.form-card2{
  border-radius: 20px;
  width: 30%;
  height: 500px;
  background-color: #2b2e38;
  backdrop-filter: blur(5px);
  box-shadow: -35px 22px 71px -31px rgba(0,0,0,0.76);
}

.form {
  position: relative;
  width: 400px;
  height: 8.5rem;
  font-family: 'Overpass',Helvetica,Arial,Lucida,sans-serif;
  margin-top: 2rem;
}
.form__input {
  width: 100%;
  height: 4rem;
  font-size: 2rem;
  border: 2px solid rgba( 255, 255, 255, 0.2 );
  background-color: rgba( 0, 0, 0, 0.2);
  border-radius: 15px;
  color: whitesmoke;
  padding: .8rem 1.2rem;
  outline: none;
  transition: all 300ms ease-in;
}
.form__label {
  font-size: 2rem;
  padding-left: .7rem;
  color: #f6a821;
  cursor: text;
  transition: top 200ms ease-in, left 200ms ease-in, font-size 200ms ease-in , all 250ms ease-in;
  background-color: transparent;
}
.form__labelicon{
  padding-left: 1rem;
  font-size: 2rem;
  color: #f6a821;
  transition: all 300ms ease-in;
}

/* .form_2,
.form_3,
.form_4{
  margin-top: 20px;
} */
.totalselectwrap{
  margin-top: 2rem;
}
#tools-selection{
  width: 100%;
  height: 4rem;
  border: 2px solid rgba( 255, 255, 255, 0.2 );
  background-color: rgba( 0, 0, 0, 0.2);
  outline: none;
  border-radius: 15px;
  transition: all 300ms ease-in;
  font-size: 2rem;
  color: #f6a821;
  padding: 0 1rem;
  position: relative;
  -webkit-appearance: none;
}
#tools-selection option{
  background-color: #2b2e38;
  font-size: 1.8rem;
}
#country{
  margin-top: 20px;
  width: 400px;
  height: 3rem;
  border: none;
  border-bottom: 2px solid whitesmoke;
  outline: none;
  background: transparent;
  transition: all 300ms ease-in;
  font-size: 15px;
  color: #f6a821;
  padding: 0 1rem;
  position: relative;
  -webkit-appearance: none;
}

#country option{
  background-color: #2b2e38;
}

.contact-submit-btn{
  display: flex;
  justify-content: center;
  margin-top: 3rem;
}
.contact-submit-btn button{
  border: 3px solid rgba(255, 168, 7, 1);
  text-transform: uppercase;
  background-color: rgba( 0, 0, 0, 0.3);
  font-size: 1.5rem;
  font-weight: 500;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  padding: 10px 25px;
  border-radius: 100px;
  backdrop-filter: blur(4.5px);
  color: white;
}
/* .neo_checkboxall > input[type=checkbox].neo-check {
  -webkit-appearance: none;
  position: relative;
  width: 30px;
  height: 30px;
  outline: none;
  background-color: #202229;
  border: 2px solid #45474e;
  border-radius: 5px;
  cursor: pointer;
  transition: all .3s ease-in-out;
  margin: 30px 20px 0 0;
}
.neo_checkboxall > input[type=checkbox].neo-check:checked{
  content: '\f00c';
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  font-size: 15px;
  color: #f6a821;
}
.neo_checkboxall{
  
} */
/* .checkmark_neo{
  font-weight: 900;
  font-size: 15px;
  color: #f6a821;
  bottom: 0;
  left: 0;
  position: absolute;
  opacity: 0;
}
.neo_checkboxall > input[type=checkbox].neo-check:checked ~ .checkmark_neo{
  opacity: 1;
} */

.flex-check{
  display: flex;
  align-items: center;
  gap: 20px;
  color: #f6a821;
  margin-top: 30px;
}

.checkbox {
  --background: #202229;
  --border: #45474e;
  --border-hover: #f7b035;
  --border-active: #202229;
  --tick: #f6a821;
  position: relative;
}
.checkbox input,
.checkbox svg {
  width: 30px;
  height: 30px;
  display: block;
}
.checkbox input {
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  outline: none;
  background: var(--background);
  border: none;
  margin: 0;
  padding: 0;
  cursor: pointer;
  border-radius: 5px;
  transition: box-shadow 0.3s;
  box-shadow: inset 0 0 0 var(--s, 1px) var(--b, var(--border));
}
.checkbox input:hover {
  --s: 2px;
  --b: var(--border-hover);
}
.checkbox input:checked {
  --b: var(--border-active);
}
.checkbox svg {
  pointer-events: none;
  fill: none;
  stroke-width: 2px;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke: var(--stroke, var(--border-active));
  position: absolute;
  top: 18%;
  left: 18%;
  width: 30px;
  height: 30px;
  transform: scale(var(--scale, 1)) translateZ(0);
}

.checkbox.bounce {
  --stroke: var(--tick);
}
.checkbox.bounce input:checked {
  --s: 15px;
}
.checkbox.bounce input:checked + svg {
  -webkit-animation: bounce 0.4s linear forwards 0.2s;
          animation: bounce 0.4s linear forwards 0.2s;
}
.checkbox.bounce svg {
  --scale: 0;
}

@-webkit-keyframes bounce {
  50% {
    transform: scale(1.2);
  }
  75% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes bounce {
  50% {
    transform: scale(1.2);
  }
  75% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}

.contact-form_submit{
  position: absolute;
  font-family: 'Overpass',Helvetica,Arial,Lucida,sans-serif;
  font-size: 18px;
  bottom: 10%;
  left: 50%;
  color: white;
  border-radius: 10px;
  border: none;
  background-image: linear-gradient(to right, #FF512F 0%, #F09819  51%, #FF512F  100%);
  background-size: 200% auto;
  transform: translate(-50%,-50%);
  padding: 5px 50px;
  transition: .5s;
}
.contact-form_submit:hover{
    background-position: right center; /* change the direction of the change here */
    color: #fff;
    text-decoration: none;
}

.contact-us_footer{
  height: 50px;
  text-align: center;
  padding: 10px 0;
  background-color: black;
  position: relative;
  color: white;
}


/* product2 html  */

.product2_intro{
  height: 110vh;
  display: grid;
  align-items: center;
  position: relative;
  /* background-image: url(../images/main3copy.png); */
  background-repeat: no-repeat;
  background-size: 100%;
  overflow: hidden;
}

.wavegrade{
  position: absolute;
  height: 400px;
  left: -100px;
  top: 60px;
  filter: opacity(0.1);
}

.blend_in-div{
  position: absolute;
  height: 20vh;
  width: 100%;
  background: linear-gradient(0deg, rgba(1,0,1,1) 0%, rgba(1,0,1,0.9) 15%, rgba(1,0,1,0.8) 25%, rgba(1,0,1,0.5) 50%, rgba(1, 0, 1, 0) 100%);
  bottom: 0;
}
.p2_inview-head_back-gradient{
  position: absolute;
  left: 5rem;
  top: 11.5rem;
}
.head_back-gradient-img{
  height: 25rem;
  opacity: 0.1;
  z-index: -1;
}
.product2_intro-headinview{
  padding: 2rem 0 0 0;
  position: absolute;
  
  height: 50rem;
  width: 55rem;
  left: 10%;
  z-index: 1;
  font-family: 'Montserrat', sans-serif;
}
.product2_intro-headinview::before{
  content: '';
  position: absolute;
  width: 8rem;
  height: 8rem;
  bottom: 0;
  right: -3rem;
  border-width: 0 .3rem .3rem 0;
  border-style: solid;
  border-color: rgba( 255, 255, 255, 0.1 );
}
.product2_intro-head-totalwrap{
  margin-top: 3rem;
}
/* .product2_intro-head h1{
  color: rgb(235, 235, 235);
  font-size: 580%;
  font-weight: 900;
  letter-spacing: 10px;
  border: 1px solid white;
  font-family: 'Montserrat', sans-serif;
  position: relative;
} */
.product2_intro-head{
  color: rgb(235, 235, 235);
  font-size: 9.5rem;
  font-weight: 900;
  letter-spacing: 10px;
  font-family: 'Montserrat', sans-serif;
  background: linear-gradient(-263deg, rgba(255,124,42,0.927608543417367) 25%, rgba(255,255,255,1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(-.5rem .5rem 1rem rgba(255,255,255,.1));
  position: relative;
}
.superscript{
  color: rgb(235, 235, 235);
  font-size: 3rem;
  letter-spacing: 1px;
  position: absolute;
  background: linear-gradient(-263deg, rgba(255,124,42,0.927608543417367) 25%, rgba(255,255,255,1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  top: 0;
  right: 0;
  font-family: 'Montserrat', sans-serif;
}

.product2_intro-des{
  margin-top: 2rem;
  color: rgb(235, 235, 235);
  font-size: 1.8rem;
}
.product2_intro-sendtext{
  position: relative;
  margin-top: 4rem;
}

.product2_intro-sendtext input{
  position: relative;
  width: 300px;
  background: rgba( 255, 255, 255, 0.1 );
  backdrop-filter: blur( 2px );
  -webkit-backdrop-filter: blur( 2px );
  border-radius: 100px;
  border: none;
  height: 50px;
  outline: none;
  color: white;
  padding: 0rem 3.7rem 0rem 1rem;
}
.product2_intro-sendtext button{
  position: absolute;
  left: 0;
  background-color: rgba( 255, 255, 255, 0.15);
  color: whitesmoke;
  backdrop-filter: blur( 2px );
  -webkit-backdrop-filter: blur( 2px );
  border: none;
  border-radius: 10px;
  padding: 1rem 2rem;
  font-size: 1.5rem;
  transition: all 300ms ease-in;
}
.product2_intro-sendtext button:hover{
  color: #eb7d00;
  backdrop-filter: blur( 4px );
  -webkit-backdrop-filter: blur( 5px );
}
.product2_img{
  position: absolute;
  right: 30px;
  height: 500px;
}


.alt_features{
  font-family: 'Barlow Condensed', sans-serif;
  color: whitesmoke;
  text-align: center;
  padding-top: 10rem;
}
.alt_features p{
  padding: 0 29.5rem;
  font-size: 1.8rem;
  font-family: 'Montserrat', sans-serif;
}
.alt_features-p1{
  font-size: 5rem;
  font-weight: 400;
  letter-spacing: 0.4rem;
    background: linear-gradient(263deg, rgba(255,124,42,0.6867121848739496) 0%, rgba(255,255,255,1) 89%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.alt_features-cards{
  display: flex;
  justify-content: center;
  padding: 7rem 0 10rem 0;
}
.alt-f_card{
  height: 35rem;
  width: 40rem;
  border-radius: 20px;
  background-color: #010001;
  position: relative;
  overflow: hidden;
  color: white;
  padding: 4rem 5rem 0 5rem;
  font-family: 'Montserrat', sans-serif;
}
.alt-f_card h4{
  font-size: 3.6rem;
  margin-top: 2rem;
}
.alt-f_card p{
  font-size: 1.4rem;
  margin-top: 2rem;
}
.alt-f_card::after{
  content: '';
  position: absolute;
  width: 15rem;
  height: 15rem;
  top: 0;
  left: 0;
  background-color: #ff7b00;
  border-radius: 50%;
  filter: blur(100px) contrast(1.5);
}
/* .alt-f_card::before{
  content: '';
  position: absolute;
  bottom: 0;
  right: -30px;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: #ff3c00;
  filter: blur(100px);
  
} */

.alt-f_card1{
  margin-right: 50px;
}
.alt-f_card2{
  margin-right: 50px;
}
.product2_feature-flex-wrap{
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 100px;
}
.feature_1_img{
  height: 60vh;
}

.backmix{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  object-fit: cover;
  object-position: right;
  z-index: -1;
}

.divide-of-2sec{
  border: 2px solid red;
  position: relative;
  height: 80vh;
}
.divide-of-2sec img{
  border-radius: 30px;
  position: absolute;
  top: -500px;
}


.product-flow{
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 15rem;
}

.product-flow img{
  position: absolute;
  right: 2rem;
  bottom: 2.5rem;
  height: 58rem;
}
.work-flow{
  width: 90%;
  height: 85vh;
  background: rgba( 255, 255, 255, 0.05 );
backdrop-filter: blur( 100px );
-webkit-backdrop-filter: blur( 100px );
border-radius: 50px;
position: relative;
overflow: hidden;
}

.work-flow::before{
  content: '';
  position: absolute;
  background-image: url(../images/wavegrade3.svg);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  background-position-y: 4rem;
  background-size: 150%;
  background-repeat: no-repeat;
  filter: blur(60px) opacity(0.8);
}
.work-flow_head{
  padding: 5rem 5rem;
}

.work-flow_head p{
  font-family: 'Montserrat', sans-serif;
  font-size: 1.3rem;
  line-height: 2.5rem;
  font-weight: 700;
  color: rgb(235, 235, 235);
}
.work-flow_head h4{
  font-family: 'Montserrat', sans-serif;
  font-size: 4.6rem;
  line-height: 6rem;
  font-weight: 700;
  color: rgb(235, 235, 235);
  background: linear-gradient(to right,#e68f17, #A83279);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.product2-features{
  position: relative;
}

.product2_features-start-here{
  position: relative;
}

.f1-grid-container{
  width:100%;
  height:100%;
  display:grid;
  grid-template-columns: 50% 50%;
  grid-row: auto auto;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}
.f1grid_box{
  background-color:#333;
    padding:20px;
    border-radius:10px;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:40px;
}
.feature_1-des-checkout{
  border: none;
  background-image: linear-gradient(to right, #FF512F 0%, #F09819  91%);
  color: whitesmoke;
  font-size: 20px;
  padding: 10px 20px;
  border-radius: 100px;
}
.threat-counter{
  height: 90vh;
  position: relative;
}
.th-c_head{
  font-family: 'Montserrat', sans-serif;
  color: whitesmoke;
  text-align: center;
  padding: 100px 0 0 0;
}
.th-c_head h2{
  color: rgb(160, 160, 160);
  text-transform: uppercase;
  font-weight: 850;
  font-size: 6rem;
}
.counterboxes{
  position: absolute;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: space-evenly;
}
.item-counterbox{
  color: whitesmoke;
  width: 20rem;
  height: 20rem;
  text-align: center;
  font-family: 'Montserrat', sans-serif;
}
.item-counterbox img{
  height: 10rem;
}
.item-counterbox:nth-child(2),
.item-counterbox:nth-child(4){
  transform: translateY(-10rem);
}

.item-counterbox:nth-child(1),
.item-counterbox:nth-child(5){
  transform: translateY(-30rem);
}
.item-counterbox{

}
.number_span{
  font-size: 5.5rem;
  font-weight: 700;
}
.little-text_span{
  margin-top: -2rem;
  font-size: 1.2rem;
}

/* chnages 8 sept */

.flex-footer-mid-icon{
  display: flex;
  justify-content: center;
  align-items: center;
}


.section-for-achievement{
  /* height: 8vh; */
  /* background-color: #14a7a7; */
  width: 100%;
}

.recent-achievement-flex{
  display: flex;
  justify-content: center;
}


.recent-achievement-flex h1{
padding: 0rem 3rem;
}

.fa-trophy{
  color: #f6a821 !important;
  -webkit-background-clip: text;
  font-size: 7.4rem;
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 400;
  line-height: 10rem;
  text-align: center;
}



/* LOGO SLIDER */
.sv-logo-slider * {
  box-sizing: border-box;
}
.sv-logo-slider {
  width: 100%;
  max-width: 1500px;
  margin: 20px auto;
  display: flex;
}
.sv-logo-slider button {
  background-color: transparent;
  border: none;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 4em;
  font-size: 14px;
  cursor: pointer;
  position: relative;
  z-index: 1;
  overflow: hidden;
  outline: none;
}
@media (max-width: 1200px) {
  .sv-logo-slider button {
    font-size: 1vw;
  }
}
.sv-logo-slider button::before {
  content: "";
  display: block;
  border-left: 2px solid #88979F;
  border-top: 2px solid #88979F;
  width: 3em;
  height: 3em;
  left: .6em;
  position: absolute;
  top: 50%;
  transform-origin: 0 0;
  transform:  rotate(-45deg);
}
.sv-logo-slider button.right-arrow {
  transform: rotate(180deg);
}
.sv-logo-slider .sliderr {
  width: 100%;
  overflow: hidden;
}
.sv-logo-slider .slides-container {
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  z-index: 0;
  transition: left 1s ease-in-out;
}
.sv-logo-slider ul {
  margin: 0;
  padding: 0;
}
.sv-logo-slider li {
  display: block;
  position: relative;
  list-style: none;
  flex-grow: 0;
  flex-shrink: 0;
  margin: 20px 0;
}
                              .sv-logo-slider li { flex-basis: 33.3333%; }
/* @media (max-width: 1200px) { .sv-logo-slider li { flex-basis: 20%; } }
@media (max-width: 1000px) { .sv-logo-slider li { flex-basis: 25%; } } */
@media (max-width: 600px)  { .sv-logo-slider li { flex-basis: 50%; } }

.sv-logo-slider li::before {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 55%;
  z-index: 1;
}
.sv-logo-slider li::after {
  content: "";
  display: block;
  background-color: transparent;
  box-shadow: 0 0 10px rgba(0,0,0,.15);
  border-radius: 10px;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  position: absolute;
  z-index: 2;
  top: 10px;
  left: 10px;
}
.sv-logo-slider a {
  position: absolute;
  top: 50%;
  right: 50%;
  width: 60%;
  height: 60%;
  transform: translateX(50%) translateY(-50%);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 3;
  text-align: center;
  color: transparent;
}